<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="shortcut icon" href="./img/logo.jpg" />
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/detail.css">
</head>

<body>
    <header>
        <div class="header_left">
            <a href="XiaoMi.html"><img src="./img/logo.jpg" alt=""></a>
            <span class="women">手机</span>
            <span class="men">电脑</span>
            <span class="child">平板</span>
            <span class="infant">智能设备</span>
        </div>
        <div class="header_right">
            <div class="search">
                <input type="text" placeholder="搜索商品">
                <span class="iconfont search_a">&#xe651;</span>

            </div>
            <span class="iconfont">&#xe62f;</span>
            <span class="iconfont">&#xe638;</span>
            <span class="iconfont">&#xe6de;</span>
            <span class="iconfont">&#xe631;</span>

        </div>

    </header>
    <!-- main -->
    <main>
        <!-- 左边商品展示 -->
        <div class="main_left">
            <!-- 放大镜 -->
            <div class="box">
                <div class="middleBox">
                    <img src="./images/big1.jpg" width="400" height="400">
                    <div class="shadow"></div>
                </div>
                <div class="smallBox">
                    <img class="active" src="./images/big1.jpg">
                    <img src="./images/big2.jpg" alt="">
                </div>
                <div class="bigBox"></div>
            </div>
        </div>

        <!-- 右边信息 -->
        <div class="main_right">
            <div class="title">
                <p class="goodsName">雀巢黑咖啡非无糖低脂减燃正品</p>
                <span class="goodsBody">13mm复合振膜+HiFi音效</span>
            </div>
           
            <div class="price">
               
                        市场售价： <span class="marketPrice">￥199</span>
                 <br>
                      本店售价：<span class="shopPrice">￥99</span>
              
            </div>
            <!-- 更多信息 -->
            <div class="moreDetails">

            </div>
            <!-- 购买、加入购物车 -->
            <div class="buy">
                <button class="buyButton">立即购买</button>
                <button class="addCart">加入购物车</button>
            </div>
        </div>
    </main>
</body>
<script src="./common.js"></script>
<!-- <script src="./detail.js"></script> -->
<script src="./details1.js"></script>

<script>
   
</script>
</html>